<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			@font-face {
				font-family: iconfont;
				src: url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot);
				src: url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff) format('woff'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf) format('truetype'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont) format('svg');
			}
			*{
				margin:0px;
				padding:0px;
			}
			li{
				list-style:none;
			}
			body{
				background:#f4f4f4;
				font:12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
			}
			img{
				vertical-align: middle;
			}
			a{
				text-decoration: none;
				color:black;
			}
			a:hover{
				color:orange;
			}
			.iconfont{
				font-family:iconfont;
			}
			.row{
				width: 1190px;
    			margin: 0 auto;
			}
			.col{
				width:590px;
				box-sizing: border-box;
				padding:19px 17px 10px 21px;
				background:white;
			}
			.col:first-child{
				margin-right:10px;
				
			}
			.fl{
				float:left;
			}
			.fr{
				float:right;
			}
			.clearfix:after{
				display:table;
				clear:both;
				content:"";
			}
			.top img{
				height:24px;
				
			}
			
			.top>*{

				height:24px;
				line-height:24px;
			}
			.top .txt{
				color:#999;
				font-size:12px;
			}
			.top .iconfont{
				font-size:20px;
				color:#ccc;
				margin-left:12px;
			}
			li{
				float:left;
				width:180px;
				margin-right:4px;
				margin-top:17px;
				margin-bottom:17px;
				
			}
			li *{
				transition: all .3s;
			}
			li .img{
				background:#4f4f4f;
			}
			li img{
				opacity: 0.9;
			}
			li .txt{
				font-size:16px;
				padding:3px;
			}
			li:hover a{
				color:orange;
			}
			li:hover img{
				opacity: 0.8;
			}
			li .txt1{
				margin-top:6px;
			}
			li .txt2{
				font-size:14px;
				color:#999;
			}
			li .txt3{
				font-size:14px;
				color:#35b1ff;
				line-height: 22px;
    			height: 22px;
			}
			li .iconfont{
				font-size:14px;
				text-decoration: none;
				margin-right:5px;
			}
		</style>
	</head>

	<body>
		<div class="row clearfix">
			<div class="col fl">
				<div class="top clearfix">
					<div class="img fl"><img src="https://img.alicdn.com/tfs/TB1tqpnegMPMeJjy1XcXXXpppXa-148-48.png" /></div>
					<div class="txt ltxt fl"><span class="iconfont">&#xe610;</span> 与品质生活不期而遇</div>
					<div class="txt rtxt fr">换一换</div>
				</div>
				<ul class="clearfix">
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3"><span class="iconfont">&#xe676;</span>0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i4/2788847652/TB2H559foF7MKJjSZFLXXcMBVXa_!!2788847652-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#" style="height:20px;line-height:20px;display:block;"><img 
								style="margin-bottom:3px;" src="https://img.alicdn.com/tfs/TB1M3jielTH8KJjy0FiXXcRsXXa-60-16.png" />
							<span>【秋季新态</span></a>
						</div>
						<div class="txt txt2">陌上花开，生活在左文艺绣</div>
						<div class="txt txt3"><span class="iconfont">&#xe676;</span>11 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
				</ul>
			</div>
			<div class="col fl">
				<div class="top clearfix">
					<div class="img fl"><img src="https://img.alicdn.com/tfs/TB1UNX2bSFRMKJjy0FhXXX.xpXa-112-46.png" /></div>
					<div class="txt ltxt fl"><span class="iconfont">&#xe610;</span> 与品质生活不期而遇</div>
					<div class="txt rtxt fr">换一换</div>
				</div>
				<ul class="clearfix">
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3"><span class="iconfont">&#xe676;</span>0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
					<li>
						<div class="img"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" /></div>
						<div class="txt txt1">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="txt txt2">颜色很独特的一款收腰绑带</div>
						<div class="txt txt3">0 人说好</div>
					</li>
				</ul>
			</div>
		</div>
	</body>

</html>